<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="FTPUI.css">
  </head>
  <body>
      <div id ="local-files">
        <h2>Local Directory</h2>
        <ul id="local-browser"></ul>
        <button id ="choose-directory">Choose a Directory</button>
        <button id ="local-back">Back</button>
      </div>
      <button id ="download">Download</button>
      <button id ="upload">Upload</button>
      <div id ="remote-files">
        <h2>Remote Directory</h2>
        <ul id="remote-browser"></ul>
        <button id ="remote-back">Back</button>
        <button id ="save">Save!</button>
      </div>
      <div id="ui-dialog">
        <ul id="ui-message"></ul>
      </div>
    <!-- scripts -->
      <script src="third_party/jquery.js"></script>
      <script src="third_party/TextEncoder/encoding-indexes.js"></script>
      <script src="third_party/TextEncoder/encoding.js"></script>
      <script src="file_writer.js"></script>
      <script src="FTPLibrary.js"></script>
      <script src="FTPSession.js"></script>
      <script src="FTPUI.js" type="text/javascript"></script>
      <script src="FileSystemUtils.js" type="text/javascript"></script>
      <script src="FTPUtils.js" type="text/javascript"></script>
      <script src="index.js" type="text/javascript"></script>
  </body>
</html>


